<template>
  <div class="page">
    <div class="page-content page-hd">
        <div class="t-nav-bar">
           <div class="logo">
             <img src="~assets/img/mobile/1_03.png" alt="">
           </div>
           <div class="link-pay">
              <a href="//rcshow.tv/appNew/h5/guide/pay.php" class="link-btn link-pay"></a>
           </div>
        </div>
        <!-- <div class="t-content">
           <div class="t-title">
             <img src="~assets/img/mobile/2_03.png" alt="">
           </div>
           <div class="t-img">
             <img src="~assets/img/mobile/bg.png" alt="">
           </div>          
        </div> -->
        <mobile-compont></mobile-compont>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import store from "src/store/index";

import mobilecompont from "commpents/mobilecompont.vue";
export default {
  data() {
    return {};
  },
  components: {
    "mobile-compont": mobilecompont
  },
  methods: {
    onTab(item) {
      if (!RC.isLogin) return RC.login();
      var param = item;
      var obj = {};
      obj.tab = param;
      store.dispatch("currentParam", obj);
    },
   
  },
  mounted: function() {
    var vm = this;
    var obj = {};
    store.dispatch("getShowInfo");
  },
  computed: {
    current() {
      return store.getters.currentParams;
    },
    homeInfo() {
      return store.getters.homeInfo;
    },
    shareTird(){
      return  store.getters.shareTird
    }
  }
};
</script>
<style lang="less" scope>
@import url("~assets/less/_mixins.less");
.page {
  background: #000;
}
.page-hd {
  max-width: 720px;
  margin: auto;
  background: #fff;
}
.t-nav-bar {
  .flexbox();
  .align-items(center);
  .justify-content(space-between);
  margin: 35/40rem;
  .logo {
    width: 210/40rem;
    height: 41/40rem;
  }
  .link-pay {
    display: block;
    a.link-btn {
      display: block;
      width: 117/30rem;
      height: 36/30rem;
      background: url("@{img-url}mobile/1_06.png") no-repeat;
      background-size: 100%;
    }
  }
}
</style>